page{
	background-color: #FFFFFF;
}
.page{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	padding-bottom: 100rpx;
	background-color: #FFFFFF;
}
/* 搜索 */
.search-index{
	position: fixed;
	left: 0;
	top: 0;
	/* #ifdef APP-PLUS */
	top: 80rpx;
	/* #endif */
	z-index: 10;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100rpx;
	padding: 0 4%;
	background-color: #FFFFFF;
	.icon{
		display: flex;
		align-items: center;
		justify-content: space-around;
		width: 10%;
		height: 100%;
		text{
			color: #333333;
			font-size: 52rpx;
		}
	}
		.search {
			display: flex;
			align-items: center;
			padding: 0 0 0 3%;
			// padding:
			width: 100%;
			height: 60rpx;
			background-color: #f6f6f6;
			border-radius: 60rpx;

			/* #ifdef APP-PLUS */
			// margin-top: var(--status-bar-height);
			/* #endif */
			
			input {
				width: 100%;
				height: 100%;
				color: #212121;
				font-size: 24rpx;
				margin-left: 10rpx;
			}

			.search-button {
				height: 100%;
				width: 150rpx;
				font-size: 28rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				background-color: #9b742f;
				/* 按钮背景色 */
				color: #ffffff;
				/* 按钮文字颜色 */
				border: none;
				/* 去掉边框 */
				border-radius: 30rpx;
				/* 圆角 */
				cursor: pointer;
				/* 鼠标悬停时显示手型 */
			}

			.search-button:hover {
				background-color: #e68a00;
				/* 悬停效果 */
			}
		}
}
/* 分类数据 */
.classify-data{
	display: flex;
	width: 100%;
	height: 90%;
	background-color: #FFFFFF;
	margin-top: 100rpx;
	/* #ifdef APP-PLUS */
	margin-top: 170rpx;
	/* #endif */
	.classify-one{
		width: 25%;
		height: 100%;
		background-color: #f6f6f6;
		.classify-list{
			width: 100%;
			height: 100%;
			.list{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				height: 80rpx;
				text{
					display: flex;
					align-items: center;
					justify-content: center;
					width: 100%;
					color: #9b742f;
					font-size: 26rpx;
					box-sizing: border-box;
				}
			}
			.action{
				background-color: #FFFFFF;
				text{
					font-size: 28rpx;
					color: #212121;
					border-left: 6rpx solid $base;
					box-sizing: border-box;
				}
			}
		}
	}
	.classify-two-three{
		width: 70%;
		height: 100%;
		padding-left: 5%;
		.scroll{
			width: 100%;
			height: 100%;
			.classify-two{
				width: 100%;
				border-bottom: 1rpx solid #ccc;
			}
			.classify-three{
				display: flex;
				// flex-wrap: wrap;
				width: 100%;
				.image{
					display: flex;
					margin: 10rpx;
					padding-bottom: 10rpx;
					
					image{
						width: 150rpx;
						height: 150rpx;
					}
					.list{
						padding: 10rpx;
						.title{
							
						}
						.money{
							padding-top: 50rpx;
							color: #9b742f;
							font-size: 32rpx;
							font-weight: bold;
						}
					}
				}
				
				.list:nth-child(3n){
					margin-right: 0;
				}
			}
		}
	}
}